<template>
 <div class="left-box">
   <LeftTop/>
   <LeftCenter/>
   <LeftBottom/>
   <MainContent/>
   <RightTop/>
   <RightCenter/>
   <RightBottom/>
 </div>
</template>

<script setup lang="ts" name="index">
import { defineAsyncComponent } from "vue";
import LeftTop from './childComponents/LeftTop.vue'
import LeftCenter from './childComponents/LeftCenter.vue'
import LeftBottom from './childComponents/LeftBottom.vue'
import RightTop from './childComponents/RightTop.vue'
import RightCenter from './childComponents/RightCenter.vue'
import RightBottom from './childComponents/RightBottom.vue'
const MainContent = defineAsyncComponent(() => import('./childComponents/MainContent.vue'))
</script>

<style scoped lang="less">
.left-box{
  position: relative;
}
</style>
